<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
		.div1{
			margin:0 auto;
			width: 200px;
			height:380px;
			border-width:1px;
			border-style: solid;
			border-color: rgb(236,237,238);
		}
		
		.title{
			background-color:rgb(236,237,238);
		}
		
		.photo{
			margin: 6px 12px 0px 10px;
			width: 180px;
			height:180px;
			border-width:1px;
			border-style: solid;
			border-color: rgb(236,237,238);
		}
		.ph1{
			width: 170px;
			height:170px;
			border-width:5px;
			border-style: solid;
			border-radius:25px;
			border-color: rgb(210,219,220);
		}
		
		.img1{
			width: 170px;
			height:170px;
			border-radius:21px;
		}
		
		.sp1{
			text-align: center;
		}
		.button-color{
			width: 66px;
			height: 28px;
			background-color: rgb(236,237,238);
		}
		.div2{
			width: 200px;
			height:60px;
			border-width:1px;
			border-style:dotted;
			border-color: floralwhite;
			border-top-color: rgb(236,237,238);
		}
		</style>
	</head>
	<body>
		<div class = "div1">
		<div class = "title"><span>个人资料 </span> </div>
		
		<div class="photo"> <div class="ph1"><img class="img1" src="img/u=2422395636,3262466786&fm=26&gp=0.jpg" /> </div></div>
		<p class="sp1">V喵喵<img src="img/V.png"><br />
		<button class="button-color"><img src="img/微博.png">微博</button>
		</p>
		<div class="div2">
		<p class="sp1">
        <button>加好友</button><button>发纸条</button><br />
         <button>写留言</button><button>加关注</button></p>
         </div>
		</div>
	</body>
</html>
